<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			ul {
				display: flex;
				background: #ccc;
				list-style-type: none;
				padding: 0
			}

			li {
				flex: 1;
				/*一共3个li,每一个占1/3*/
				text-align: center;
				/* line-height: 0.8rem; */
				/* font-size: 0.24rem; */
				line-height: 5rem;
				font-size: 0.5rem;
			}
			
			a:hover{
				
				color: red;
			}
			#u1 a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<ul id="u1">
			<li><a href="">音乐</a></li>
			<li><a href="">影视</a></li>
			<li><a href="">购物</a></li>
			<li><a href="">旅游</a></li>
		</ul>
	</body>
</html>
